<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page isELIgnored="false" %>
<%@ include file="/WEB-INF/views/common/includes.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title><fmt:message key="event.website.title"/></title>
		<!-- IE 6 "fixes" -->
		<!--[if lt IE 7]>
			<link type='text/css' href='/static/css/basic_ie.css' rel='stylesheet' media='screen' />
		<![endif]-->
		
		<link href="<c:url value='/static/css/estilo_efqm.css'/>" rel="stylesheet" type="text/css" />
		
		<script type="text/javascript" src="<c:url value='/static/js/google_analytics_inc.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/static/js/jquery-1.4.min.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/static/js/jquery.tablesorter.min.js'/>"></script>
		
		
		<script type="text/javascript">

			$(document).ready(function() { 
	    		// call the tablesorter plugin 
	    		$("table").tablesorter({ 
	        		// sort on the first column and third column, order asc 
	        		sortList: [[0,0]],
	        		headers: { 1: { sorter: false} }
	    		}); 
			});
		
		</script>
		
	</head>
	<body id="efqm">
	<div id="global" class="fondo_practices">
		
		<%@ include file="/WEB-INF/views/common/header.jsp" %>
		
		<div id="efqm_content" > 
			<h3 class="upload_practices">
				<fmt:message key="event.website.target"/>
			</h3>	
			<div id="conten_central">
              <div class="columna_left">
                <h4><fmt:message key="company.directory.title"/></h4>
              </div>
			  <div class="conten_gen_central">
			  	
				
			    <table class="lst_practices tablesorter" summary="List of companies">
                  <caption>
                    <fmt:message key="company.directory.title"/>
                  </caption>
			      <thead>
                    <tr>
                      <th scope="col" ><fmt:message key="company.directory.company.column"/></th>
                      <th scope="col"><fmt:message key="company.directory.video.column"/></th>
                      <th scope="col"><fmt:message key="company.directory.bestpractice.column"/></th>
                    </tr>
                  </thead>
                  <tbody>
                  	<c:forEach items="${companies}" var="company">
                    <tr>
                      <td scope="row" class="first">
                      	${company.companyInfo.name} <span>${company.companyInfo.city} (${company.companyInfo.country})</span> 
                      </td>
                      <td  class="second">
                      	<c:if test="${!empty company.videos}">
								<c:set var="video" value="${company.videos[0]}"/>
								<a href="<c:url value='/company/detail/${company.id}'/>" title="${company.companyInfo.name}">
									<img src="${video.thumbURL}" alt="${company.companyInfo.name}" />
                      				<span><img src="<c:url value='/static/img/interfaz/play_naranja_mini.png'/>" alt='<fmt:message key="action.video.play"/>'></span>
                      			</a>
	 						</c:if>
                      </td>
                      <td class="third">
                      	<p>${company.additionalInformation.title}</p>  
                      </td>
                   
                    </tr>
					</c:forEach>
                  </tbody>
                </table>
                
		  </div>
		</div>
		
	</div>
	<%@ include file="/WEB-INF/views/common/footer.jsp" %>
	</div>
	</body>
</html>